<!--注释：源代码的位置：“01\光盘\02-章节源代码\1.4\about-step3.html”-->
<!DOCTYPE html>
<html>
<!--注释：头部-->
<head>
    <meta charset="UTF-8">
    <!--注释：网站标题-->
    <title>产品介绍--天码行空学习建站</title>
    <!--注释：引入网站的样式-->
    <link type="text/css" href="front/css/style.css" rel="stylesheet">
    <!--注释：引入网站的特效-->
    <script type=" text/javascript" src="js/fwslider.js"></script>
</head>
<!--注释：头部结束-->

<!--注释：身体-->
<body>
<div class="bgStyle">
    <div class="header">
        <div class="logo">
            <img src="img/logo.png">
        </div>
        <div class="pull-icon">
            <a id="pull"></a>
        </div>
        <div class="cssmenu">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">企业简介</a></li>
                <li><a href="noticefront.html">公告</a></li>
                <li><a href="newsfront.html">新闻</a></li>
                <li><a href="product.html">产品介绍</a></li>
                <li class="last"><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
        <!--清除浮动-->
        <div class="clear"></div>
    </div>
</div>

<div class="second_banner">
    <img src="img/product.png">
</div>

<div class="container">
    <div class="left">
        <div class="menu">
            <div class="menu_title">
                产品分类 <br> <span>Product profiles</span>
            </div>
            <ul id="tab">
                <li class="active" onclick="changeValue(this)"><a
                        href="javascript:void(0)">Java与JSP开发系列</a></li>

            </ul>
        </div>
    </div>

    <div class="right">
        <div class="location">
				<span>当前位置：<a href="#">产品介绍 </a>
				</span>
            <div class="brief" id="b">产品列表</div>
        </div>
        <div class="product">
            <div id="tab_con">
                <div id="tab_con_1" >
                    <a href="#"
                       target="_blank"> <img src="img/book-1-1.jpg" width="154px"
                                             height="204px"> <span>数学之美(第二版)</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-2.jpg" width="154px"
                                              height="204px"> <span>Java轻松学</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-3.jpg" width="154px"
                                              height="204px"> <span>Java Web应用设计及实战</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-4.jpg" width="154px"
                                              height="204px"> <span>Java面向对象程序开发及实战</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-5.jpg" width="154px"
                                              height="204px"> <span>JSP程序设计与案例实战（慕课版）</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-6.jpg" width="154px"
                                              height="204px"> <span>JSP程序设计 慕课版</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-7.jpg" width="154px"
                                              height="204px"> <span>Web程序设计——JSP</span></a> <a
                        href="#"
                        target="_blank"> <img src="img/book-1-8.jpg" width="154px"
                                              height="204px"> <span>JSP 网络开发实用工程案例(附光盘)</span></a>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="bottom">
    <div class="footer">
        <div class="address">
            Copyright 天码行空学习建站

            <br> 天码行空学习建站 <br>
            <a href="#">天码行空学习建站</a> 技术支持 <a
                href="login.jsp">后台</a>
        </div>
    </div>
</div>

</body>
</html>